<template>
    <el-row>
        <el-col :span="24" class="blog-container">
            <!--左侧博文部分-->
            <el-col :span="18">
                <div>
                    <!--博文详情内容组件-->
                    <MyBlogDetailsContent></MyBlogDetailsContent>
                </div>
            </el-col>
            <!--右侧广告部分-->
            <el-col :span="6">
                <!--博文页面右侧组件-->
                <MyBlogListRighter></MyBlogListRighter>
            </el-col>
        </el-col>
    </el-row>
</template>

<script>
    import MyBlogListRighter from "@/components/pc/MyBlogListRighter";
    import MyBlogDetailsContent from "@/components/pc/MyBlogDetailsContent";

    export default {
        name: "MyBlogDetailsContainer",
        components:{
            MyBlogListRighter,
            MyBlogDetailsContent
        },
        data() {
            return{

            }
        },
        computed: {},
        mounted() {
            //this.refreshArticleList('all');
        },
        methods: {}
    }
</script>

<style scoped>
    .blog-container {
        width: 100%;
        margin: 0px;
        display: flex;
        padding: 10px;
        align-content: space-around;
    }

</style>